﻿<div class="admin-content">
    <div class="admin-content-body">
        <div class="am-cf am-padding am-padding-bottom-0">
            <div class="am-fl am-cf">
                <strong class="am-text-primary am-text-lg">表单</strong> /
                <small>form</small>
            </div>
        </div>
        <hr>
        <form action="@Url.Action("ArticleAddAfterGoAdmin","Pic")" method="post" class="am-form">
        <div class="am-tabs am-margin" data-am-tabs>
            <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active"><a href="#tab1">基本信息</a></li>
                <li><a href="#tab2">详细描述</a></li>
                <li><a href="#tab3">SEO 选项</a></li>
            </ul>
            <div class="am-tabs-bd">
                <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">所属类别</div>
                        <div class="am-u-sm-8 am-u-md-10">
                            <select name="ArticleType" id="ArticleId" data-am-selected="{btnSize: 'sm'}">
                                <option value="option1">选项一...</option>
                                <option value="option2">选项二.....</option>
                                <option value="option3">选项三........</option>
                            </select>
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">显示状态</div>
                        <div class="am-u-sm-8 am-u-md-10">
                            <div class="am-btn-group" data-am-button>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input type="radio" name="status" id="option1"> 正常
                                </label>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input type="radio" name="status" id="option2"> 待审核
                                </label>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input type="radio" name="status" id="option3"> 不显示
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">推荐类型</div>
                        <div class="am-u-sm-8 am-u-md-10">
                            <div class="am-btn-group" data-am-button>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input name="AllowComments" type="checkbox"> 允许评论
                                </label>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input name="Topping" type="checkbox"> 置顶
                                </label>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input name="Recommend" type="checkbox"> 推荐
                                </label>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input name="Hot" type="checkbox"> 热门
                                </label>
                                <label class="am-btn am-btn-default am-btn-xs">
                                    <input name="TurnMap" type="checkbox"> 轮播图
                                </label>
                            </div>
                        </div>
                    </div>
                    @* <div class="am-g am-margin-top"> *@
                    @*     <div class="am-u-sm-4 am-u-md-2 am-text-right"> *@
                    @*         发布日期 *@
                    @*     </div> *@
                    @*     <div class="am-u-sm-8 am-u-md-10"> *@
                    @*          *@
                    @*         <div class="am-form-group am-form-icon"> *@
                    @*             <i class="am-icon-calendar"></i> *@
                    @*             <input type="date" class="am-form-field am-input-sm" placeholder="日期"> *@
                    @*         </div> *@
                    @*          *@
                    @*     </div> *@
                    @* </div> *@
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            发布时间
                        </div>
                        <div class="am-u-sm-8 am-u-md-10">
                          
                            <div class="am-form-group am-form-icon">
                                <i class="am-icon-calendar"></i>
                                <input name="CreatTime" type="datetime-local" class="am-form-field am-input-sm" placeholder="时间">
                            </div>
                           
                        </div>
                    </div>
                </div>
                <div class="am-tab-panel am-fade" id="tab2">
                    @*<div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            文章ID
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            <input name="ArticleId" type="text" class="am-input-sm">
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">*必填，不可重复</div>
                    </div>*@
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            文章标题
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            <input name="Title" type="text" class="am-input-sm">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            文章作者
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            <input name="Author" type="text" class="am-input-sm">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            信息来源
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            <input name="Sources" type="text" class="am-input-sm">
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">选填</div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            内容摘要
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            <input name="Summary" type="text" class="am-input-sm">
                        </div>
                        <div class="am-u-sm-12 am-u-md-6">不填写则自动截取内容前255字符</div>
                    </div>
                    <div class="am-g am-margin-top-sm">
                        <div class="am-u-sm-12 am-u-md-2 am-text-right admin-form-text">
                            内容描述
                        </div>
                        <div class="am-u-sm-12 am-u-md-10" id="edit" >
                            <textarea name="Description" ></textarea>
                        </div>

                    </div>

                    
                </div>
                <div class="am-tab-panel am-fade" id="tab3">
                  
                    <div class="am-g am-margin-top-sm">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            SEO 标题
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end">
                            <input name="SEOTitle" type="text" class="am-input-sm">
                        </div>
                    </div>
                    <div class="am-g am-margin-top-sm">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            SEO 关键字
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end">
                            <input name="SEOKeyWord" type="text" class="am-input-sm">
                        </div>
                    </div>
                    <div class="am-g am-margin-top-sm">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            SEO 描述
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end">
                            <textarea name="SEODescription" rows="4"></textarea>
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
        <div class="am-margin">
            <button type="submit" class="am-btn am-btn-primary am-btn-xs">提交保存</button>
            <button type="button" class="am-btn am-btn-primary am-btn-xs">放弃保存</button>
        </div>
        </form>
    </div>

    <footer class="admin-content-footer">
        <hr>
        <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
    </footer>
</div>
@* <script type="text/javascript" src="/js/wangEditor.min.js"></script> *@
@* <script type="text/javascript"> *@
@*     var E = window.wangEditor; *@
@*     var editor = new E('#edit'); // 两个参数也可以传入 elem 对象，class 选择器 *@
@*     editor.customConfig.uploadImgShowBase64 = true; *@
@*     editor.create(); *@
@* </script> *@

   